.course-box {
  // padding-top: 6vh;
  width: 70rem;
  margin: 0 auto;
  height: 98%;
  border: 1px solid rgb(219, 219, 231);


  .curse-select {
    height: 5rem;
    width: 100%;
    padding: 2rem 20px 0 20px;

    // padding-top: 2rem;
    input {
      border-radius: 8px;
    }

    button {
      margin-right: 5px;
      border-radius: 12px;
      font-size: 12px;

      &:active {
        background-color: #74b0e7;
        color: #fff;
      }
    }

    .course-sea-but {
      margin: 0 0 0 auto;
    }
  }

  .course-table {
    height: 33rem;
    width: 69rem;
    margin: 2px 8px 8px 8px;
    // display: flex;
    // justify-content: flex-start;
    // flex-wrap: wrap;
    text-align: center;
    cursor: default;
    overflow-y: auto;

    .course-table-header {
      height: 2rem;
      background-color: #f0f2f5;
      width: 67.9rem;
      display: flex;
      position: fixed;

      div {
        font-size: 16px;
        width: 8.485rem;
        height: 2rem;
        border: 1px solid black;
      }
    }

    .course-table-content {
      margin-top: 2rem;
      margin-bottom: 1rem;
      width: 67.9rem;
      height: 50rem;
      display: flex;

      .course-table-sider {
        width: 8.49rem;
        height: 40rem;

        // background-color: aqua;
        div {
          width: 8.47rem;
          height: 5rem;
          border: 1px solid black;
          padding-top: 1.5rem;
          font-size: 16px;
        }
      }

      .course-table-main {
        width: 60rem;
        height: 50rem;
        display: flex;
        flex-wrap: wrap;

        .course-table-cell {
          font-size: 8px !important;
          width: 8.487rem;
          height: 5rem;
          border: 1px solid black;
          p {
            font-size: 12px;
            margin: 0px;
            font-size: 10px;
            text-align: left;
          }
        }

        .changeStyle {
          &:hover {
            background-color: rgb(77, 155, 245);
            color: #fff;
            transition: color .5s ease;
            transition: background-color .3s ease;
            cursor: pointer
          }
        }
      }
    }
  }
}